{% load static %}
{% load order_filter %}
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="{% static 'css/iconfont.css' %}">
	<link rel="stylesheet" href="{% static 'css/global.css' %}">
	<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
	<link rel="stylesheet" href="{% static 'css/bootstrap-theme.min.css' %}">
	<link rel="stylesheet" href="{% static 'css/swiper.min.css' %}">
	<link rel="stylesheet" href="{% static 'css/styles.css' %}">
	<script src="{% static 'js/jquery.1.12.4.min.js' %}" charset="UTF-8"></script>
	<script src="{% static 'js/bootstrap.min.js' %}" charset="UTF-8"></script>
	<script src="{% static 'js/swiper.min.js' %}" charset="UTF-8"></script>
	<script src="{% static 'js/global.js' %}" charset="UTF-8"></script>
	<script src="{% static 'js/jquery.DJMask.2.1.1.js' %}" charset="UTF-8"></script>
	<title>X袋网</title>
</head>
<body>
	<!-- 顶部tab -->
	<div class="tab-header">
		<div class="inner">
			<div class="pull-left">
				<div class="pull-left">嗨，欢迎来到<span class="cr">X袋网</span></div>
				<a href="{% url 'serve_center:agent_level' %}">网店代销</a>
				<a href="{% url 'serve_center:udai_article4' %}">帮助中心</a>
			</div>
			<div class="pull-right">
                {% if user %}
				    <a href="{% url 'login_register:login' %}"><span class="cr">{{ user.user_phone }}</span></a>
				{% elif user%}
                    <a href="{% url 'login_register:login' %}"><span class="cr">登录</span></a>
                {% endif %}
                <a href="login.html?p=register">注册</a>
				<a href="{% url 'account_info:udai_welcome' %}">我的X袋</a>
				<a href="{% url 'order_from:udai_order' %}">我的订单</a>
				<a href="{% url 'account_info:udai_integral' %}">积分平台</a>
			</div>
		</div>
	</div>
	<!-- 顶部标题 -->
	<div class="bgf5 clearfix">
		<div class="top-user">
			<div class="inner">
				<a class="logo" href="index.html"><img src="{% static 'images/icons/logo.jpg' %}" alt="X袋网" class="cover"></a>
				<div class="title">个人中心</div>
			</div>
		</div>
	</div>
	<div class="content clearfix bgf5">
		<section class="user-center inner clearfix">
			<div class="pull-left bgf">
				<a href="{% url 'account_info:udai_welcome' %}" class="title">X袋欢迎页</a>
				<dl class="user-center__nav">
					<dt>帐户信息</dt>
					<a href="{% url 'account_info:udai_setting' %}"><dd>个人资料</dd></a>
					<a href="{% url 'account_info:udai_treasurer' %}"><dd>资金管理</dd></a>
					<a href="{% url 'account_info:udai_integral' %}"><dd>积分平台</dd></a>
					<a href="{% url 'account_info:udai_address' %}"><dd>收货地址</dd></a>
					<a href="{% url 'account_info:udai_coupon' %}"><dd>我的优惠券</dd></a>
					<a href="{% url 'account_info:udai_paypwd_modify' %}"><dd>修改支付密码</dd></a>
					<a href="{% url 'account_info:udai_pwd_modify' %}"><dd>修改登录密码</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>订单中心</dt>
					<a href="{% url 'order_from:udai_order' %}"><dd class="active">我的订单</dd></a>
					<a href="{% url 'order_from:udia_collection' pindex=1 %}"><dd>我的收藏</dd></a>
					<a href="{% url 'order_from:udai_refund' %}"><dd>退款/退货</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>服务中心</dt>
					<a href="{% url 'serve_center:udai_mail_query' %}"><dd>物流查询</dd></a>
					<a href=""><dd>数据自助下载</dd></a>
					<a href="{% url 'serve_center:udai_article' %}"><dd>售后服务</dd></a>
					<a href="{% url 'serve_center:udai_article2' %}"><dd>配送服务</dd></a>
					<a href="{% url 'serve_center:udai_article3' %}"><dd>用户协议</dd></a>
					<a href="{% url 'serve_center:udai_article4' %}"><dd>常见问题</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>新手上路</dt>
					<a href="{% url 'serve_center:udai_article5' %}"><dd>如何成为代理商</dd></a>
					<a href="{% url 'serve_center:udai_article6' %}"><dd>代销商上架教程</dd></a>
					<a href="{% url 'serve_center:udai_article7' %}"><dd>分销商常见问题</dd></a>
					<a href="{% url 'serve_center:udai_article8' %}"><dd>付款账户</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>X袋网</dt>
					<a href="{% url 'serve_center:udai_article10' %}"><dd>企业简介</dd></a>
					<a href="{% url 'serve_center:udai_article11' %}"><dd>加入X袋</dd></a>
					<a href="{% url 'serve_center:udai_article12' %}"><dd>隐私说明</dd></a>
				</dl>
			</div>
			<div class="pull-right">
				<div class="user-content__box clearfix bgf">
					<div class="title">订单中心-确认收货</div>
					<div class="order-info__box">
						<div class="step-flow-box" style="width: 800px;margin: 0 auto 24px">
							<div class="step-flow__bd">
								<div class="step-flow__li step-flow__li_done">
									<div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
									<p class="step-flow__title-top">拍下商品</p>
								</div>
								<div class="step-flow__line step-flow__li_done">
									<div class="step-flow__process"></div>
								</div>
								<div class="step-flow__li step-flow__li_done">
									<div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
									<p class="step-flow__title-top">付款</p>
								</div>
								<div class="step-flow__line step-flow__li_done">
									<div class="step-flow__process"></div>
								</div>
								<div class="step-flow__li step-flow__li_done">
									<div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
									<p class="step-flow__title-top">卖家发货</p>
								</div>
								<div class="step-flow__line step-flow__line_ing">
									<div class="step-flow__process"></div>
								</div>
								<div class="step-flow__li">
									<div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
									<p class="step-flow__title-top">买家确认收货</p>
								</div>
							</div>
						</div>
						<p class="fz18 cr">我已收到货，同意付款。</p>
						<div class="table-thead">
							<div class="tdf3">商品</div>
							<div class="tdf1">数量</div>
							<div class="tdf1">单价</div>
							<div class="tdf2">优惠</div>
							<div class="tdf1">总价</div>
							<div class="tdf1">运费</div>
						</div>


						<div class="order-item__list">
                            {% if orders %}
                                {% for order in orders %}
                                    {% for o,good_info in order.items%}
                                        {% for name,good in good_info.items %}
                                        <div class="item">
								<div class="tdf3">
									<a href=""><div class="img"><img src="{% static 'images/temp/M-003.jpg' %}" alt="" class="cover"></div>
									<div class="ep2 c6">{{ name.goods_name }}</div></a>
									<div class="attr ep">颜色分类：{{ good.goods_info_color }}  尺码：{{ good.goods_info_size }}</div>
								</div>
								<div class="tdf1">{{ o.goods_number }}</div>
								<div class="tdf1">¥{{ good.goods_info_price }}</div>
								<div class="tdf2">
									<div class="ep2">活动8折优惠<br>优惠：¥4.0</div>
								</div>
								<div class="tdf1">¥{{ o.payable_amount }}</div>
								<div class="tdf1">
									<div class="ep2">快递<br>¥0.0</div>
								</div>
							</div>

						</div>

						<div class="price-total">
							<div class="fz12 c9">使用优惠券【满￥20.0减￥2.0】优惠￥2.0元<br>快递运费 ￥0.0</div>
							<div class="fz18 c6">实付款：<b class="cr">¥{{ o.payable_amount }}</b></div>
							<div class="fz12 c9">（本单可获 <span class="c6">380</span> 积分）</div>
						</div>

                                        {% endfor %}
                                    {% endfor %}
                                {% endfor %}
                            {% endif %}

						<hr>
						<div class="order-info">
							订单编号：<span class="c6">121324165465465465</span><br>
							支付宝交易号：<span class="c6">165454564564165164654654</span><br>
							收货地址：<span class="c6">{{ user_site.province}}{{ user_site.city }}{{ user_site.district }}
                        {{ user_site.street }}{{ user_site.detailed_address }},{{ user_site.name }},{{ user_site.cell_phone|hidden }}</span><br>
							成交时间：<span class="c6">{{ order.create_time|filter_time }}</span>
						</div>
						<div class="modify_div clearfix">
							<form action="{% url 'order_from:order_receipted' id=order.order_id %}" class="user-setting__form" role="form" method="post">
								{% csrf_token %}
                                <ul class="fz12 text-nowrap">
									<li class="cr">◆ 请收到货后，再确认收货！否则我们可能无法为您保障权益！</li>
									<li class="c6">◆ 如果您想申请退款，<a href="udai_apply_return.html">请点击这里</a></li>
								</ul>
								<div class="form-group">
									<label form="pay-pwd" class="iptut-box-nick posr">
										<span class="cr">支付密码：</span>
										<input type="password" id="pay-pwd" maxlength="6" name="pwd">
										<div class="iptut-fake-box"></div>
										<p style="font-weight: normal">请输入6位数字支付密码 <a href="{% url 'account_info:udai_paypwd_modify' %}">忘记支付密码？</a></p>
									</label>
								</div>
								<div class="form-group" style="line-height: 1em">
									<div class="col-sm-offset-2 col-sm-10">
										<button type="submit" class="but">确认已收货</button>
									</div>
								</div>
								<script>
									$(document).ready(function(){
										var teml = '<div class="pwd-digit"></div>',
											$fake_box = $('.iptut-fake-box');
										$fake_box.empty().html(teml + teml + teml + teml + teml + teml)
										$fake_box.html()
										$('#pay-pwd').bind('input propertychange focus',function() {
											$fake_box.empty();
											for (var i = 0; i < 6; i++) {
												var $temp = $(teml);
												if ($(this).val().length > i) {
													$temp.addClass('active')
												};
												if ($(this).val().length == i) {
													$temp.addClass('current')
												};
												$fake_box.append($temp);
											}
										});
										$('#pay-pwd').bind('blur',function() {
											$fake_box.find('.pwd-digit').removeClass('current');
										});
									});
								</script>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="{% url 'account_info:udai_welcome' %}" class="r-item-hd">
					<i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="{% url 'shop_cart:shopcart' %}" class="r-item-hd">
					<i class="iconfont icon-cart"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="{% url 'order_from:udia_collection' pindex=1%}" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="issues.html" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>
	</div>
	<!-- 底部信息 -->
	<div class="footer">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="{% static 'images/icons/footer_1.gif' %}" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="{% static 'images/icons/footer_2.gif' %}" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="{% static 'images/icons/footer_3.gif' %}" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="{% static 'images/icons/footer_4.gif' %}" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="footer-links inner">
			<dl>
				<dt>X袋网</dt>
				<a href="{% url 'serve_center:udai_article10' %}"><dd>企业简介</dd></a>
				<a href="{% url 'serve_center:udai_article11' %}"><dd>加入X袋</dd></a>
				<a href="{% url 'serve_center:udai_article12' %}"><dd>隐私说明</dd></a>
			</dl>
			<dl>
				<dt>服务中心</dt>
				<a href="{% url 'serve_center:udai_article' %}"><dd>售后服务</dd></a>
				<a href="{% url 'serve_center:udai_article2' %}"><dd>配送服务</dd></a>
				<a href="{% url 'serve_center:udai_article3' %}"><dd>用户协议</dd></a>
				<a href="{% url 'serve_center:udai_article4' %}"><dd>常见问题</dd></a>
			</dl>
			<dl>
				<dt>新手上路</dt>
				<a href="{% url 'serve_center:udai_article5' %}"><dd>如何成为代理商</dd></a>
				<a href="{% url 'serve_center:udai_article6' %}"><dd>代销商上架教程</dd></a>
				<a href="{% url 'serve_center:udai_article7' %}"><dd>分销商常见问题</dd></a>
				<a href="{% url 'serve_center:udai_article8' %}"><dd>付款账户</dd></a>
			</dl>
		</div>
		<div class="copy-box clearfix">
			<ul class="copy-links">
				<a href="{% url 'serve_center:agent_level' %}"><li>网店代销</li></a>
				<a href="{% url 'home_page:class_room' %}"><li>X袋学堂</li></a>
				<a href="{% url 'serve_center:udai_about' %}"><li>联系我们</li></a>
				<a href="{% url 'serve_center:udai_article10' %}"><li>企业简介</li></a>
				<a href="{% url 'serve_center:udai_article5' %}"><li>新手上路</li></a>
			</ul>
			<!-- 版权 -->
			<p class="copyright">
				© 2005-2018 X袋网 版权所有，并保留所有权利。 技术支持：<a style="font-family:'Microsoft Yahei'; color:#666;" href="http://www.jsdaima.com/" title="js代码" target="_blank">js代码</a><br>
				ICP备案证书号：ICP备XXXXXXXX号&nbsp;&nbsp;&nbsp;&nbsp;中国北京朝阳区环球国际金融中心大厦99F&nbsp;&nbsp;&nbsp;&nbsp;Tel: 18888888888&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 18888888888@qq.com
			</p>
		</div>
	</div>
</body>
</html>